<!--
 * @Author: WangGuojian 1085844536@qq.com
 * @Date: 2023-09-08 18:34:44
 * @LastEditTime: 2023-09-14 18:21:25
 * @LastEditors: WangGuojian 1085844536@qq.com
 * @FilePath: \htmld:\Developer\WGJ\VSCode_WorkSpace\Web\vue\vue_test\src\components\Student.vue
 * @Description:
-->
<template>
    <div>
        <div class="demo">
            <h2 class="title">学生姓名：{{ name }}</h2>
            <h2 class="atguigu">学生性别：{{ sex }}</h2>
        </div>
    </div>
</template>

<script>
export default {
    name: 'Student',
    data() {
        return {
            name: '张三',
            sex: '男',
        };
    },
};
</script>

<style lang="less">
.demo {
    background-color: pink;
    .atguigu {
        font-size: 40px;
    }
}
</style>
